// Signature Plastics keysets

.dsa-galaxy-class-key {
  background: $color-sp-pbt-BFE;
  color: $color-sp-pbt-BLACK;
  input,
  .key-contents {
    background: lighten($color-sp-pbt-BFE, 10%);
    color: $color-sp-pbt-BLACK;
    border-color: mix($color-sp-pbt-BFE, $color-sp-pbt-BLACK);
  }
}
.dsa-galaxy-class-mod {
  // yellow
  background: $color-pantone-141C;
  color: $color-sp-pbt-BLACK;
  input,
  .key-contents {
    background: lighten($color-pantone-141C, 10%);
    color: $color-sp-pbt-BLACK;
    border-color: mix(lighten($color-pantone-141C, 10%), $color-sp-pbt-BLACK);
  }
}
.dsa-galaxy-class-purple {
  background: $color-sp-pbt-RCB;
  color: $color-sp-pbt-BLACK;
  input {
    background: lighten($color-sp-pbt-RCB, 40%);
  }
}
.dsa-galaxy-class-darker-blue {
  background: $color-sp-pbt-BDJ;
  color: $color-sp-pbt-BLACK;
  input {
    background: lighten($color-sp-pbt-BDJ, 40%);
  }
}
.dsa-galaxy-class-pink {
  background: $color-sp-pbt-RCA;
  color: $color-sp-pbt-BLACK;
  input {
    background: lighten($color-sp-pbt-RCA, 40%);
  }
}
.dsa-galaxy-class-light-blue {
  background: $color-sp-pbt-BFE;
  color: $color-sp-pbt-BLACK;
  input {
    background: lighten($color-sp-pbt-BFE, 40%);
  }
}
.dsa-galaxy-class-gray {
  background: $color-sp-pbt-GQT;
  color: $color-sp-pbt-BLACK;
  input {
    background: lighten($color-sp-pbt-GQT, 40%);
  }
}
.dsa-galaxy-class-kb {
}

.sa-carbon-key {
  background: $color-sp-abs-WBO;
  color: $color-sp-abs-GQM;
  input,
  .key-contents {
    background: lighten($color-sp-abs-WBO, 10%);
    color: $color-sp-abs-GQM;
    border-color: mix($color-sp-abs-WBO, $color-sp-abs-GQM);
  }
}
.sa-carbon-mod {
  background: $color-sp-abs-GQM;
  color: $color-sp-abs-OBC;
  input,
  .key-contents {
    background: darken($color-sp-abs-GQM, 12%);
    color: lighten($color-sp-abs-OBC, 19%);
    border-color: mix($color-sp-abs-GQM, lighten($color-sp-abs-OBC, 19%));
  }
}
.sa-carbon-accent {
  background: $color-sp-abs-OBC;
  color: $color-sp-abs-GQM;
}

.sa-danger-zone-key {
  background: $color-sp-abs-BFU;
  color: $color-sp-abs-YY;
  input,
  .key-contents {
    background: darken($color-sp-abs-BFU, 10%);
    color: $color-sp-abs-YY;
    border-color: mix($color-sp-abs-BFU, $color-sp-abs-YY);
  }
}
.sa-danger-zone-mod {
  background: $color-sp-abs-GSM;
  color: $color-sp-abs-YY;
  input,
  .key-contents {
    background: darken($color-sp-abs-GSM, 10%);
    color: $color-sp-abs-YY;
    border-color: mix($color-sp-abs-GSM, $color-sp-abs-YY);
  }
}
.sa-danger-zone-accent-yellow {
  background: $color-sp-abs-YY;
  color: $color-sp-abs-BFU;
}
.sa-danger-zone-accent-red {
  background: $color-sp-abs-RAS;
  color: $color-sp-abs-YY;
}
.sa-danger-zone-kb {
}

.sa-jukebox-key {
  background: $color-sp-abs-TM;
  color: $color-sp-abs-RN;
  input,
  .key-contents {
    background: lighten($color-sp-abs-TM, 10%);
    color: darken($color-sp-abs-RN, 10%);
    border-color: mix($color-sp-abs-TM, darken($color-sp-abs-RN, 10%));
  }
}
.sa-jukebox-mod {
  background: $color-sp-abs-VCO;
  color: $color-sp-abs-RN;
  input,
  .key-contents {
    background: lighten($color-sp-abs-VCO, 12%);
    color: darken($color-sp-abs-RN, 10%);
    border-color: mix($color-sp-abs-VCO, darken($color-sp-abs-RN, 10%));
  }
}
.sa-jukebox-accent {
  background: $color-sp-abs-RN;
  color: $color-sp-abs-TM;
  input {
    background: lighten($color-sp-abs-RN, 40%);
  }
}
.sa-jukebox-kb {
}

.sa-modern-selectric-key {
  background: $color-sp-abs-NN;
  color: $color-sp-abs-WFK;
  input,
  .key-contents {
    background: lighten($color-sp-abs-NN, 10%);
    color: $color-sp-abs-WFK;
    border-color: mix($color-sp-abs-NN, $color-sp-abs-WFK);
  }
}
.sa-modern-selectric-mod {
  background: $color-sp-abs-BDH;
  color: $color-sp-abs-WFK;
  input,
  .key-contents {
    background: darken($color-sp-abs-BDH, 10%);
    color: $color-sp-abs-WFK;
    border-color: mix($color-sp-abs-BDH, $color-sp-abs-WFK);
  }
}
.sa-modern-selectric-kb {
}

.sa-nantucket-selectric-key {
  background: $color-sp-abs-WV;
  color: $color-sp-abs-BBI;
  input,
  .key-contents {
    background: lighten($color-sp-abs-WV, 10%);
    color: $color-sp-abs-BBI;
    border-color: mix($color-sp-abs-WV, $color-sp-abs-BBI);
  }
}
.sa-nantucket-selectric-mod {
  background: $color-sp-abs-BBI;
  color: $color-sp-abs-YCF;
  input,
  .key-contents {
    background: darken($color-sp-abs-BBI, 10%);
    color: $color-sp-abs-YCF;
    border-color: mix($color-sp-abs-BBI, $color-sp-abs-YCF);
  }
}
.sa-nantucket-selectric-kb {
}

.sa-oblivion-hagoromo-key {
  background: $color-sp-abs-WFK;
  color: $color-sp-abs-GD;
  input,
  .key-contents {
    background: lighten($color-sp-abs-WFK, 10%);
    color: darken($color-sp-abs-GD, 10%);
    border-color: mix($color-sp-abs-WFK, darken($color-sp-abs-GD, 10%));
  }
}
.sa-oblivion-hagoromo-mod {
  background: $color-sp-abs-GQM;
  color: $color-sp-abs-GAL;
  input,
  .key-contents {
    background: darken($color-sp-abs-GQM, 10%);
    color: lighten($color-sp-abs-GAL, 17%);
    border-color: mix($color-sp-abs-GQM, lighten($color-sp-abs-GAL, 17%));
  }
}
.sa-oblivion-hagoromo-accent {
  background: $color-sp-abs-RAS;
  color: $color-sp-abs-GAL;
}
.sa-oblivion-hagoromo-kb {
}

.sa-vilebloom-key {
  background: $color-pantone-7699C;
  color: $color-sp-abs-WFK;
  input,
  .key-contents {
    background: darken($color-pantone-7699C, 10%);
    color: $color-sp-abs-WFK;
    border-color: mix($color-pantone-7699C, $color-sp-abs-WFK);
  }
}

.sa-vilebloom-mod {
  background: $color-pantone-7699C;
  color: $color-sp-abs-WFK;
  input,
  .key-contents {
    background: darken($color-pantone-7699C, 10%);
    color: $color-sp-abs-WFK;
    border-color: mix($color-pantone-7699C, $color-sp-abs-WFK);
  }
}

.sa-vilebloom-accent1 {
  background: $color-pantone-474U;
  color: $color-pantone-7699C;
  input {
    background: lighten($color-pantone-474U, 40%);
  }
}

.sa-vilebloom-accent2 {
  background: $color-pantone-177C;
  color: $color-sp-abs-WFK;
  input {
    background: lighten($color-pantone-177C, 40%);
  }
}

.sa-vilebloom-accent3 {
  background: $color-pantone-2046U;
  color: $color-sp-abs-WFK;
  input {
    background: lighten($color-pantone-2046U, 40%);
  }
}

.sa-vilebloom-kb {
}

// GMK Keysets
.gmk-bento-key {
  background: #fff3ef;
  color: #3e728f;
  input,
  .key-contents {
    background: #fff3ef;
    color: darken(#3e728f, 9%);
    border-color: mix(#fff3ef, darken(#3e728f, 9%));
  }
}
.gmk-bento-mod {
  background: #3e728f;
  color: #fb7279;
  input,
  .key-contents {
    background: darken(#3e728f, 17%);
    color: lighten(#fb7279, 17%);
    border-color: mix(#3e728f, lighten(#fb7279, 17%));
  }
}
.gmk-bento-accent {
  background: #fb7279;
  color: #fff3ef;
}

.gmk-bento-key {
  background: #fff3ef;
  color: #3e728f;
}
.gmk-bento-mod {
  background: #3e728f;
  color: #fb7279;
}
.gmk-bento-accent {
  background: #fb7279;
  color: #fff3ef;
}

.gmk-dolch-key {
  background: $color-gmk-abs-CC;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    background: darken($color-gmk-abs-CC, 10%);
    color: $color-gmk-abs-WS1;
    border-color: mix($color-gmk-abs-CC, $color-gmk-abs-WS1);
  }
}
.gmk-dolch-mod {
  background: $color-gmk-abs-N9;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    background: darken($color-gmk-abs-N9, 10%);
    color: $color-gmk-abs-WS1;
    border-color: mix($color-gmk-abs-N9, $color-gmk-abs-WS1);
  }
}
.gmk-dolch-kb {
}

.gmk-jamon-key {
  background: #84172c;
  color: #ece4d0;
  input,
  .key-contents {
    background: darken(#84172c, 10%);
    color: #ece4d0;
    border-color: mix(#84172c, #ece4d0);
  }
}
.gmk-jamon-mod {
  background: #ac2c32;
  color: #ece4d0;
  input,
  .key-contents {
    background: darken(#ac2c32, 10%);
    color: #ece4d0;
    border-color: mix(darken(#ac2c32, 10%), #ece4d0);
  }
}
.gmk-jamon-accent {
  background: #ece4d0;
  color: #313337;
  input {
    background: lighten(#ece4d0, 40%);
  }
}
.gmk-jamon-kb {
  // placeholder
  background: $color-pantone-533C;
}

.gmk-merlin-key {
  background: $color-gmk-abs-CP;
  color: $color-gmk-abs-TU1;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-CP, 10%);
    color: darken($color-gmk-abs-TU1, 5%);
    border-color: mix($color-gmk-abs-CP, darken($color-gmk-abs-TU1, 5%));
  }
}
.gmk-merlin-mod {
  background: $color-gmk-abs-TU1;
  color: $color-gmk-abs-N6;
  input,
  .key-contents {
    background: darken($color-gmk-abs-TU1, 10%);
    color: $color-gmk-abs-N6;
    border-color: mix($color-gmk-abs-TU1, $color-gmk-abs-N6);
  }
}
.gmk-merlin-accent {
  background: $color-gmk-abs-N6;
  color: $color-gmk-abs-TU1;
  input {
    background: lighten($color-gmk-abs-N6, 40%);
  }
}
.gmk-merlin-kb {
}

.gmk-metaverse-key {
  background: $color-gmk-abs-WS1;
  color: $color-gmk-abs-CR;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-WS1, 10%);
    color: $color-gmk-abs-CR;
    border-color: mix($color-gmk-abs-WS1, $color-gmk-abs-CR);
  }
}
.gmk-metaverse-mod {
  background: $color-gmk-abs-CR;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    color: $color-gmk-abs-WS1;
    background: lighten($color-gmk-abs-CR, 10%);
    color: $color-gmk-abs-WS1;
    border-color: mix($color-gmk-abs-CR, $color-gmk-abs-WS1);
  }
}
.gmk-metaverse-accent {
  background: $color-gmk-abs-RO2;
  color: $color-gmk-abs-WS1;
}
.gmk-metaverse-kb {
  // placeholder
}

.gmk-mizu-key {
  background: #c2d9e4;
  color: #444f58;
  input,
  .key-contents {
    background: darken(#c2d9e4, 10%);
    color: #444f58;
    border-color: mix(#c2d9e4, #444f58);
  }
}
.gmk-mizu-mod {
  background: #444f58;
  color: #f7eee3;
  input,
  .key-contents {
    background: darken(#444f58, 5%);
    color: #f7eee3;
    border-color: mix(#444f58, #f7eee3);
  }
}
.gmk-mizu-accent {
  background: #f7eee3;
  color: #444f58;
}

.gmk-nautilus-key {
  background: $color-pantone-534C;
  color: $color-gmk-abs-TU2;
  input,
  .key-contents {
    background: darken($color-pantone-534C, 10%);
    color: lighten($color-gmk-abs-TU2, 5%);
    border-color: mix($color-pantone-534C, lighten($color-gmk-abs-TU2, 5%));
  }
}
.gmk-nautilus-mod {
  background: $color-pantone-533C;
  color: $color-gmk-abs-N6;
  input,
  .key-contents {
    background: darken($color-pantone-533C, 10%);
    color: $color-gmk-abs-N6;
    border-color: mix($color-pantone-533C, $color-gmk-abs-N6);
  }
}
.gmk-nautilus-accent {
  background: $color-gmk-abs-N6;
  color: $color-pantone-533C;
  input {
    background: lighten($color-gmk-abs-N6, 40%);
  }
}
.gmk-nautilus-kb {
  // placeholder
  background: $color-pantone-533C;
}

.gmk-olivetti-key {
  background: $color-gmk-abs-CP;
  color: $color-gmk-abs-V4;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-CP, 10%);
    color: darken($color-gmk-abs-V4, 5%);
    border-color: mix($color-gmk-abs-CP, darken($color-gmk-abs-V4, 5%));
  }
}
.gmk-olivetti-mod {
  background: $color-gmk-abs-U9;
  color: $color-gmk-abs-V4;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-U9, 10%);
    color: darken($color-gmk-abs-V4, 15%);
    border-color: mix($color-gmk-abs-U9, darken($color-gmk-abs-V4, 15%));
  }
}
.gmk-olivetti-accent {
  background: $color-gmk-abs-V4;
  color: $color-gmk-abs-CP;
}
.gmk-olivetti-kb {
}

.gmk-olivia-key {
  background: $color-gmk-abs-CP;
  color: #363434;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-CP, 10%);
    color: #363434;
    border-color: mix($color-gmk-abs-CP, #363434);
  }
}
.gmk-olivia-mod {
  background: #363434;
  color: #e8c4b8;
  input,
  .key-contents {
    color: #e8c4b8;
    background: darken(#363434, 10%);
    border-color: mix(#363434, #e8c4b8);
  }
}
.gmk-olivia-accent {
  background: #e8c4b8;
  color: #363434;
}
.gmk-olivia-kb {
}

.gmk-plum-key {
  background: #ded0af;
  color: #736b7c;
  input,
  .key-contents {
    background: lighten(#ded0af, 13%);
    color: darken(#736b7c, 13%);
    border-color: mix(#ded0af, darken(#736b7c, 13%));
  }
}
.gmk-plum-mod {
  background: #736b7c;
  color: #ded0af;
  input,
  .key-contents {
    background: darken(#736b7c, 13%);
    color: lighten(#ded0af, 13%);
    border-color: mix(#736b7c, lighten(#ded0af, 13%));
  }
}
.gmk-plum-accent {
  background: #863f48;
  color: #ded0af;
}

.gmk-serika-key {
  background: #ece4d0;
  color: #333732;
  input,
  .key-contents {
    background: lighten(#ece4d0, 10%);
    color: #333732;
    border-color: mix(#ece4d0, #333732);
  }
}
.gmk-serika-mod {
  background: #ffcd00;
  color: #333732;
  input,
  .key-contents {
    background: lighten(#ffcd00, 10%);
    color: #333732;
    border-color: mix(#ffcd00, #333732);
  }
}
.gmk-serika-accent {
  background: #333732;
  color: #ece4d0;
}
.gmk-serika-kb {
}

.gmk-space-cadet-key {
  background: $color-sp-abs-GD;
  color: $color-gmk-abs-CP;
  input,
  .key-contents {
    background: darken($color-sp-abs-GD, 10%);
    color: lighten($color-gmk-abs-CP, 10%);
    border-color: mix($color-sp-abs-GD, lighten($color-gmk-abs-CP, 10%));
  }
}

.gmk-space-cadet-mod {
  background: $color-sp-abs-BFP;
  color: $color-gmk-abs-CP;
  input,
  .key-contents {
    background: darken($color-sp-abs-BFP, 10%);
    color: lighten($color-gmk-abs-CP, 10%);
    border-color: mix($color-sp-abs-BFP, lighten($color-gmk-abs-CP, 10%));
  }
}
.gmk-space-cadet-kb {
}

.gmk-striker-key {
  background: #004d7c;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    background: darken(#004d7c, 5%);
    color: $color-gmk-abs-WS1;
    border-color: mix(#004d7c, $color-gmk-abs-WS1);
  }
}
.gmk-striker-mod {
  background: #004d7c;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    background: darken(#004d7c, 5%);
    color: $color-gmk-abs-WS1;
    border-color: mix(#004d7c, $color-gmk-abs-WS1);
  }
}
.gmk-striker-accent {
  background: #002e51;
  color: $color-gmk-abs-WS1;
}

.gmk-ta-royal-alpha-key {
  background: $color-gmk-abs-3K;
  color: $color-gmk-abs-N7;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-3K, 10%);
    color: darken($color-gmk-abs-N7, 10%);
    border-color: mix($color-gmk-abs-3K, darken($color-gmk-abs-N7, 10%));
  }
}
.gmk-ta-royal-alpha-mod {
  background: $color-gmk-abs-AE;
  color: $color-gmk-abs-CP;
  input,
  .key-contents {
    background: darken($color-gmk-abs-AE, 17%);
    color: lighten($color-gmk-abs-CP, 10%);
    border-color: mix($color-gmk-abs-AE, lighten($color-gmk-abs-CP, 10%));
  }
}
.gmk-ta-royal-alpha-accent {
  background: $color-gmk-abs-N7;
  color: $color-gmk-abs-CP;
}
.gmk-ta-royal-alpha-kb {
  // placeholder
}

.gmk-terminal-key,
.gmk-terminal-mod {
  background: $color-gmk-abs-N9;
  color: $color-gmk-abs-AE;
  input,
  .key-contents {
    background: darken($color-gmk-abs-N9, 10%);
    color: lighten($color-gmk-abs-AE, 9%);
    border-color: mix($color-gmk-abs-N9, lighten($color-gmk-abs-AE, 9%));
  }
}
.gmk-terminal-accent {
  background: $color-gmk-abs-AE;
  color: $color-gmk-abs-N9;
}

.gmk-wob-key {
  background: $color-gmk-abs-CR;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-CR, 10%);
    color: $color-gmk-abs-WS1;
    border-color: mix($color-gmk-abs-CR, $color-gmk-abs-WS1);
  }
}
.gmk-wob-mod {
  background: $color-gmk-abs-CR;
  color: $color-gmk-abs-WS1;
  input,
  .key-contents {
    background: lighten($color-gmk-abs-CR, 10%);
    color: $color-gmk-abs-WS1;
    border-color: mix($color-gmk-abs-CR, $color-gmk-abs-WS1);
  }
}
.gmk-wob-kb {
}

.gmk-yuri-key {
  background: #c7e6f5;
  color: #f54730;
  input,
  .key-contents {
    background: lighten(#c7e6f5, 5%);
    color: darken(#f54730, 26%);
    border-color: mix(#c7e6f5, darken(#f54730, 26%));
  }
}
.gmk-yuri-mod {
  background: #2d394c;
  color: #f54730;
  input,
  .key-contents {
    background: darken(#2d394c, 14%);
    color: lighten(#f54730, 14%);
    border-color: mix(#2d394c, lighten(#f54730, 14%));
  }
}
.gmk-yuri-accent {
  background: #f54730;
  color: #2d394c;
}

// Keyreative

.dsa-drifter-key {
  background: #e5e1e6;
  color: #222222;
  input {
    background: lighten(#e5e1e6, 40%);
  }
}
.dsa-drifter-mod {
  background: #9b2242;
  color: #71dbd4;
  input {
    background: lighten(#9b2242, 40%);
  }
}
.dsa-drifter-kb {
}

.dsa-milkshake-key,
.dsa-milkshake-mod {
  background: white;
  color: #232d43;
}
.dsa-milkshake-esc {
  background: #f0849e;
}
.dsa-milkshake-backspace {
  background: #f1ed8a;
}
.dsa-milkshake-enter {
  background: #8ce1ce;
}
.dsa-milkshake-alt {
  background: #75cde8;
}
.dsa-milkshake-os {
  background: #c091ed;
}
